<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
		<meta name="description" content="TODO"/>
		<title>&Eacute;crire un email</title>
		<link type="text/css" rel="stylesheet" href="assets/jquery-mobile/jquery.mobile-1.0a2.min.css" />
		<link type="text/css" rel="stylesheet" href="assets/css/webmail.css" />
		<link rel="apple-touch-icon" href="assets/img/tutsTouchIcon.png" />
		<link rel="icon" type="image/ico" href="assets/img/tutsTouchIcon.png" />
		<script type="text/javascript" src="assets/js/jquery-1.4.4.min.js"></script>
		<script type="text/javascript" src="assets/jquery-mobile/jquery.mobile-1.0a2.min.js"></script>
		<script type="text/javascript" src="assets/js/webmail.js"></script>
		<script type="text/javascript" src="assets/js/deconnexion.js"></script>
	</head>

	<body>
		<div data-role="page">
			<div id="header" data-role="header" style="top:0; position: fixed; z-index: 10;">
				<h1 style="float:left; margin-left:45%;">&Eacute;crire un mail</h1>
				<a data-icon="arrow-l" href="reception.html" rel="external">
					<span>R&eacute;ception</span>
				</a>
			</div><!-- /header -->

			<div data-role="content" style="margin-top:42.4px; margin-bottom: 50.2px; ">
				
				<form action="#" method="post">
					<div data-role="fieldcontain">
						<input type="text" class="fieldDefaultContent"
							name="to" id="to" value="&Agrave;"
							onFocus="clearText(this)" onBlur="clearText(this)"  />
						<br />
						<input type="text" class="fieldDefaultContent"
							name="to" id="to" value="Objet"
							onFocus="clearText(this)" onBlur="clearText(this)"  style="margin-top:0.05%;" />
						<br />
						<textarea class="fieldDefaultContent" cols="40" rows="4"
							name="message" id="message"
							onFocus="clearText(this)" onBlur="clearText(this)">Message</textarea>
						<br />
						
						<!-- TODO: pièce jointe -->
						
						<button type="submit">Envoyer</button>
					</div>
				</form>
			
			</div><!-- /content -->
			
			<div data-role="footer" style="position: fixed; bottom: 0;">
				<div style="float: left; margin-left: 42%">
					<a id="deco" onClick="Javascript:deco()"  rel="external">
						<div style="width: 32px; height: 32px; line-height: 32px; text-align: center;">
							<img src="assets/img/logout.png" style="vertical-align: middle;" alt="Logout" />
						</div>
					</a>
				</div>
			</div><!-- /footer -->

		</div><!-- /page -->



	</body>



</html>
